<!DOCTYPE html>
<html lang="cn">

<head>
	<title>北京创变网络科技有限公司</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<!-- <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> -->
	<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<link href="https://cdn.bootcss.com/animate.css/3.5.2/animate.css" rel="stylesheet">
	<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
	<link href="https://cdn.bootcss.com/owl-carousel/1.32/owl.theme.css" rel="stylesheet">
	<link href="https://cdn.bootcss.com/owl-carousel/1.32/owl.carousel.css" rel="stylesheet">
	<link rel="stylesheet" href="css/style.css">
	<link href="css/fonts.useso.css">

	<meta name="domain_verify"
		content="pmrgi33nmfuw4ir2ejrgsz3emf2gclliovrc4y3oeiwcez3vnfsceorcga4tkmzsgyzdcnzvgbrdimlgmzqtgmlbgmywinzumyzggobrgm4selbcoruw2zktmf3gkir2ge2tgnryha4tmmruga3ta7i">
	</meta>
	<style>
		.tips {
			position: fixed;
			bottom: 7px;
			right: 5px;
			width: 130px;
			height: 56px;
			background: url(./images/tips.png) no-repeat;
			background-size: 100%;
			cursor: pointer;
			z-index: 900;
		}

		.pop {
			display: inline;
			z-index: 999;
			position: fixed;
			width: 469px;
			height: 500px;
			top: 50%;
			left: 50%;
			transform: translate3d(-50%, -50%, 0);
			background-color: #fff;
			color: #333;
			border-radius: 4px;
			font-size: 14px;
			line-height: 28px;
			padding: 40px;

		}

		.closePop {
			width: 30px;
			height: 30px;
			position: absolute;
			right: 10px;
			top: 10px;
		}

		.pop p {
			font-size: 14px;
		}

		.cover {
			display: inline;
			background-color: rgba(55, 55, 55, .6);
			width: 100%;
			height: 100%;
			position: fixed;
			opacity: 0.5;
		}

		.content {
			position: absolute;
			width: 469px;
			height: 588px;
			top: 50%;
			left: 50%;
			transform: translate3d(-50%, -50%, 0);
			background-color: #fff;
			color: #333;
			border-radius: 4px;
			font-size: 14px;
			line-height: 28px;
		}

		.company {
			position: absolute;
			right: 45px;
			bottom: 90px;
		}

		.date {
			position: absolute;
			right: 45px;
			bottom: 50px;
		}
	</style>

</head>

<body data-spy="scroll" data-offset="50" data-target=".navbar-collapse">
	<div class="preloader">
		<div class="sk-rotating-plane"></div>
	</div>
	<!-- =========================
    NAVBAR HEADER   
============================== -->
	<!-- //页面的遮罩层 -->

	<!--
		<div class="cover"></div>
		<div class="tips" onclick="showPop()"></div>
		
		<div class="pop">
			<img class="closePop" src="./images/close.png" alt="" onclick="movePop()">
			<p>近日，我司接到用户反馈，有不法分子冒充北京创变员工，以个人收款的方式骗取钱财。在此，我司提醒各位合作伙伴注意：</p></p><p>一、我司从未运营派单业务，任何人声称是该本公司的员工，均为诈骗。合作事宜，请您通过创变官网（http://www.i-changemaker.com）中的联系方式与我司联络。</p><p>二、我司使用企业账户结算，不会要求您向个人的银行卡、支付宝或微信支付合作款项。请您务必仔细核对收款方的信息，防范资金风险。</p><p>若您因类似诈骗事件遭受损失，我司建议您及时报警。我司将积极配合相关部门的调查，协助您维护正当权益，并保留追究涉嫌违法人员法律责任的一切权利。</p><p class="company">北京创变网络科技有限公司</p><p class="date">2020年11月18日
		</div>
-->
	<div class="navbar navbar-fixed-top custom-navbar top-nav-collapse" style="background-color:rgba(0,0,0,0.3);"
		role="navigation">
		<div class="container">
			<div class="navbar-header">
				<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
					<span class="icon icon-bar"></span>
					<span class="icon icon-bar"></span>
					<span class="icon icon-bar"></span>
				</button>
				<a href="index.html" class="navbar-brand"><img src="images/icon/596749041955026629.png" alt="" /></a>
			</div>
			<div class="collapse navbar-collapse" id="nav_maxheight">
				<!-- <div > 
					<a href="notice.html"><p style="color:red;font-size:40"><img src="img/lab.png" style="width:18px;height:18px;"/> ：近日，我司接到用户反馈，有不法分子冒充北京创变员工，以个人收款的方式骗取钱财。在此，我司提醒各位合作伙伴注意！
					</p>
				</a>
					</div> -->
				<ul class="nav navbar-nav navbar-right">
					<li>
						<a href="#intro" class="smoothScroll">首页</a>
					</li>

					<li>
						<a href="products.html" class="smoothScroll">产品中心</a>
						<div class="arrow"></div>
						<ul class="list" id="list2">
							<li><a href="products.html" class="smoothScroll">青芒市场</a></li>
							<li><a href="products2.html" class="smoothScroll">麦芽头条</a></li>
							<li><a href="products3.html" class="smoothScroll">广告变现</a></li>
							<li><a href="products5.html" class="smoothScroll">品淘</a></li>
							<li><a href="products6.html" class="smoothScroll">天天追书</a></li>
							<li><a href="products8.html" class="smoothScroll">青芒浏览器</a></li>
							<li><a href="products9.html" class="smoothScroll">小熊跳跳</a></li>
							<li><a href="products7.html" class="smoothScroll">商城系统</a></li>
						</ul>
					</li>


					<li>
						<a href="client.html" class="smoothScroll">合作伙伴</a>
					</li>

					<li>
						<a href="about.html" class="smoothScroll">关于我们</a>
					</li>

					<li>
						<a href="join.html" class="smoothScroll">加入我们</a>
					</li>
					<li>
						<a href="contact.html" class="smoothScroll">联系我们</a>
					</li>
					<li>
						<a href="cooperation.html" class="smoothScroll">商务合作</a>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<!-- =========================
    INTRO SECTION   
============================== -->
	<section id="intro" class="intro-class1 intro-class2" class="parallax-section">
		<div class="content_img">
			<div class="bannar">
				<div class="content_1" id="pic_01">
					<h2 class="text_one wow fadeInup" style="font-size:45px;" data-wow-delay="0.1s">赋能，让生活更美好</h2>
					<h2 class="text_two wow fadeOutdown" style="font-size:45px;">专业的商业变现解决方案服务商</h2>
					<!--<span class="solid_one wow fadeRight"></span><div class="shadow_t wow fadeOutdown"></div>-->
					<div class="content_container">
						<a href="#overview" class="btn btn-lg btn-default smoothScroll wow fadeInup hidden-xs"
							data-wow-delay="0.6s">关于我们</a>
						<a href="#sponsors" class="btn btn-lg btn-danger smoothScroll wow fadeInup"
							data-wow-delay="0.6s">产品中心</a>
					</div>
				</div>
				<div class="content_1" id="pic_02" style="display: none;">
					<h2 class="text_one wow fadeInup" style="font-size:45px;" data-wow-delay="0.2s">信息创造价值</h2>
					<h2 class="text_two wow fadeOutdown" style="font-size:45px;">赋能，让生活更美好</h2>
					<!--<span class="solid_two wow fadeRight"></span><div class="shadow_t wow fadeOutdown"></div>-->
					<div class="content_container">
						<a href="#overview" class="btn btn-lg btn-default smoothScroll wow fadeInup hidden-xs"
							data-wow-delay="0.6s">关于我们</a>
						<a href="#sponsors" class="btn btn-lg btn-danger smoothScroll wow fadeInup"
							data-wow-delay="0.6s">产品中心</a>
					</div>
				</div>
				<div class="content_1" id="pic_03" style="display: none;">
					<h2 class="text_one wow fadeInup" style="font-size:45px;" data-wow-delay="0.1s">专业的商业变现解决方案服务商</h2>
					<h2 class="text_two wow fadeOutdown" style="font-size:45px;">信息创造价值</h2>
					<!--<span class="solid_three wow fadeRight"></span><div class="shadow_t wow fadeOutdown"></div>-->
					<div class="content_container">
						<a href="#overview" class="btn btn-lg btn-default smoothScroll wow fadeInup hidden-xs"
							data-wow-delay="0.6s">关于我们</a>
						<a href="#sponsors" class="btn btn-lg btn-danger smoothScroll wow fadeInup"
							data-wow-delay="0.6s">产品中心</a>
					</div>

				</div>

			</div>
			<div class="content_w">
				<span class="solid_one wow fadeRight"></span>
				<span class="solid_two wow fadeRight"></span>
				<span class="solid_three wow fadeRight"></span>
			</div>
			<div class="content_wrap">
				<p class="content_p1 active"></p>
				<p class="content_p2"></p>
				<p class="content_p3"></p>
			</div>
		</div>
	</section>

	<section id="overview" class="parallax-section aboutus">
		<div class="container">
			<div class="row">
				<div class="wow fadeInUp col-md-7 col-sm-8 index-about-text" data-wow-delay="0.6s">
					<h2>关于我们</h2>
					<h3>北京创变网络科技有限公司</h3>
					<br>
					<p>
						北京创变网络科技有限公司是国内领先的移动大数据智能推荐服务平台，通过全面的用户行为数据挖掘与分析，为终端用户智能推荐数字内容，同时，为企业客户提供精准的数字营销服务。</p>
					<br>
					<a href="about.html" target="_blank" title="点击查看更多">查看更多<span></span></a>
				</div>
				<div class="col-md-5 col-sm-4 index-about-img" data-wow-delay="0.9s">
					<img src="images/picture/800817904385369913.jpg">
				</div>
			</div>
		</div>
	</section>

	<section id="detail" class="parallax-section">
		<div class="container">
			<div class="row">
				<div class="col-md-12 col-sm-12 text-left jc-detail-title">
					<h2>发展历程</h2>
				</div>
				<div class="col-md-12 fazhan">
				</div>
				<div class="col-md-12 fazhan2">
				</div>
			</div>
		</div>
	</section>

	<section id="sponsors" class="parallax-section">
		<div class="container">
			<div class="row">



			</div>
		</div>
	</section>

	<section id="speakers" class="parallax-section">
		<div class="container">
			<div class="col-md-12 col-sm-12 wow bounceIn">
				<div class="section-title">
					<h2>合作伙伴</h2>
				</div>
			</div>
			<div class="col-md-12 col-sm-12 wow bounceIn">
				<div class="client-box" id="baidu"><img src="images/icon/partner/logo_a1.jpg" alt=""></div>
				<div class="client-box" id="zte"><img src="images/icon/partner/logo_a2.jpg" alt="" style=""></div>
				<div class="client-box" id="apus"><img src="images/icon/partner/logo_a3.jpg" alt="" style=""></div>
				<div class="client-box" id="transsion"><img src="images/icon/partner/logo_c1.jpg" alt="" style=""></div>
				<div class="client-box" id="ningqu"><img src="images/icon/partner/logo_c2.jpg" alt="" style=""></div>
			</div>
			<div class="col-md-12 col-sm-12 wow bounceIn">
				<div class="client-box" id="admix"><img src="images/icon/partner/logo_c3.jpg" alt="" style=""></div>
				<div class="client-box" id="celltick"><img src="images/icon/partner/logo_c4.jpg" alt="" style=""></div>
				<div class="client-box" id="gl"><img src="images/icon/partner/logo_c5.jpg" alt="" style=""></div>
				<div class="client-box" id="hk"><img src="images/icon/partner/logo_c6.jpg" alt="" style=""></div>
				<div class="client-box" id="koobee"><img src="images/icon/partner/logo_c7.jpg" alt="" style=""></div>

			</div>

		</div>
	</section>

	<section id="contact" class="parallax-section">
		<div class="row">
			<div class="baidu col-md-6 col-sm-6">
				<div id="dituContent" class="contact-api col-md-12 col-sm-12"></div>
			</div>
			<div class="contact_us col-md-6 col-sm-6">
				<div class="contact_des col-md-12 col-sm-12 col-xs-12">
					<h2>联系我们</h2>
					<div class="c_s1"></div>
					<div class="c_s2"></div>
					<p><span><img src="images/icon/icon_ad.png" alt="" /
								style="width: 100%;"></span>杭州市西湖区竞舟北路89号瑞泽大厦4号楼1503</p>
					<p class="c_p">北京市朝阳区北苑东路水岸南街1号中合国青大厦4层</p>
				</div>
				<div class="contact_des col-md-9 col-sm-9 col-xs-9">
					<!--
						<p><span><img src="images/icon/icon_phone.png" alt="" /></span>广告合作投放：康女士  150-8862-0187</p>
						<p><span><img src="images/icon/icon_phone.png" alt="" /></span>广告合作投放：郑女士  134-8437-3730</p>
						<p><span><img src="images/icon/icon_phone.png" alt="" /></span>媒体资源合作：吴先生  187-6712-5109</p>
-->
					<p><span><img src="images/icon/icon_email.png" alt="" /></span>
						<a href="mailto:xiong.liu@i-changemaker.com">xiong.liu@i-changemaker.com</a>
					</p>
					<p><span><img src="images/icon/icon_web.png" alt="" /></span>
						<a href="http://www.i-changemaker.com/" target="_blank">http://www.i-changemaker.com/</a>
					</p>
				</div>

			</div>
		</div>
	</section>

	<footer>
		<div class="container">
			<div class="row">
				<div class="col-md-12 col-sm-12">
					<p class="wow fadeInUp" data-wow-delay="0.6s">Copyright &copy; 2016
						北京创变网络科技有限公司&nbsp;&nbsp;&nbsp;&nbsp;<a
							href="https://beian.miit.gov.cn/">京ICP备15025523号-1</a>&nbsp;&nbsp;<img
							src="images/beian.png" style="width:20px;height:20px"><a
							href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010602009563">浙公网安备33010602009563号</a>
					</p>
				</div>
			</div>
		</div>
	</footer>

	<a href="#back-top" class="go-top"><i class="fa fa-angle-up"></i></a>
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.parallax.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/wow.min.js"></script>
	<script src="js/custom.js"></script>
	<script type="text/javascript"
		src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=GlEvWpXcMnYjXZHwG5O3doT18GCGtqXe"></script>
	<script src="js/smooth-scroll.js"></script>
	<script src="js/baidu.api.js"></script>
	<script src="js/index.js"></script>

</body>
<script>
	const iconImg = document.createElement("img");
	// iconImg.src ="https://cdn-1306992550.cos.ap-beijing.myqcloud.com/2024-02-01/kefu.png"
	iconImg.src = './img/kefu2.png'
	iconImg.style.cssText = `
        position: fixed;
        bottom: 20px;
        right: 20px;
        padding: 10px;
        width: 70px;
        cursor: pointer;
        z-index: 99999;`
	document.body.appendChild(iconImg);
	iconImg.addEventListener("click", () => {
		const iframe = document.createElement("iframe");
		iframe.style.cssText = `
        position: fixed;
        border: 1px solid #ddd;
        border-radius: 5px;
        z-index: 99999;
        bottom: 20px;
        right: 20px;
        width: 500px;
        height: 700px;`
		iframe.src = "http://kf.91s2b2c.com?identify=7xncjp6g&type=1";
		// iframe.src = "http://127.0.0.1:5500/oz-kefu-web/index.html?identify=7xncjp6g&type=1"
		document.body.appendChild(iframe);
		iframe.addEventListener("load", function () {
			function isMobileDevice() {	
				return (typeof window.orientation !== "undefined") || (navigator.userAgent.indexOf('Mobile') !== -1);
			}
			if (isMobileDevice()) {
				iframe.style.width = '100%'
				iframe.style.height = '100%'
				iframe.style.right = '0'
				iframe.style.bottom = '0'
			}
			iframe.contentWindow.postMessage(
				{
					cmd: "clickIcon"
				},
				"*"
			);
		});
	});
	window.addEventListener('message', event => {
		if (event.data.cmd == 'close') {
			if (document.getElementsByTagName('iframe')[0]) {
				document.getElementsByTagName('iframe')[0].remove()
			}

		}
	})
</script>

</html>
